{% extends 'cms/cms-base.html' %}
{% block title %}控制台{% endblock %}
{% block header %}
    <style>
        .container {
            overflow: hidden;
            text-align: center;
            height: 80px;
            line-height: 80px;
            border-radius: 10px;
        }

        .count .panel_icon {
            float: left;
            width: 40%;
        }

        .count .panel_word {
            float: left;
            width: 60%;
            line-height: 40px;
            background-color: #e2e2e2;
        }

        .count .layui-icon {
            font-size: 40px;
        }
    </style>
{% endblock %}
{% block main %}
    <blockquote class="layui-elem-quote">
        <div id="nowTime">亲爱的 <span style="color: #FF5722">{{ request.user.username }}</span>！ 欢迎您。</div>
    </blockquote>
    <div class="layui-row layui-col-space10 count">
        <div class="layui-col-md3">
            <div class="container">
                <div class="panel_icon layui-bg-green">
                    <i class="layui-icon layui-icon-share"></i>
                </div>
                <div class="panel_word">
                    <p>20</p>
                    <p>分享</p>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="container">
                <div class="panel_icon layui-bg-red">
                    <i class="layui-icon layui-icon-read"></i>
                </div>
                <div class="panel_word">
                    <p>20</p>
                    <p>话题</p>
                </div>
            </div>
        </div>
        {% if request.user.is_superuser %}
            <div class="layui-col-md3">
                <div class="container">
                    <div class="panel_icon layui-bg-orange">
                        <i class="layui-icon layui-icon-at"></i>
                    </div>
                    <div class="panel_word">
                        <p>20</p>
                        <p>我的关注</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="container">
                    <div class="panel_icon layui-bg-black">
                        <i class="layui-icon layui-icon-friends"></i>
                    </div>
                    <div class="panel_word">
                        <p>20</p>
                        <p>粉丝</p>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="layui-col-md3">
                <div class="container">
                    <div class="panel_icon layui-bg-orange">
                        <i class="layui-icon layui-icon-note"></i>
                    </div>
                    <div class="panel_word">
                        <p>20</p>
                        <p>类目</p>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="container">
                    <div class="panel_icon layui-bg-black">
                        <i class="layui-icon layui-icon-user"></i>
                    </div>
                    <div class="panel_word">
                        <p>20</p>
                        <p>用户</p>
                    </div>
                </div>
            </div>
        {% endif %}

    </div>
{% endblock %}